@()(implicit request: RequestHeader)
	@admin.main("gz文件源目录设置")("gzPathSet") {

		<link rel="stylesheet" media="screen" href="@routes.Assets.at("zTree_v3/css/demo.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("zTree_v3/css/zTreeStyle/zTreeStyle.css")">

		<style>

				.form-horizontal .has-feedback .form-control-feedback {
					top: 0;
					right: -10px;
				}

		</style>

		<div class="page-content">

			<div class="page-bar">
				<ul class="page-breadcrumb">
					<li>
						<i class="fa fa fa-folder"></i>
						<span >gz文件源目录设置</span>
					</li>
				</ul>
			</div>

			<div class="row-fluid">
				<div class="row">
					<div class="col-md-12 col-sm-12">
						<div class="portlet blue-dark box">
							<div class="portlet-title">
								<div class="caption">
									gz文件源目录设置
								</div>
							</div>

							<div class="portlet-body" id="parentPanel">

								<form id="form" class=" form-horizontal" accept-charset="UTF-8"
								action="" autocomplete="off" method="post" style="margin-top: 30px;">

									<div class="form-group">
										<label class="control-label col-sm-2">源目录:</label>
										<div class="col-sm-8">
											<div class="input-group">
												<input id="citySel" class="form-control" name="gzPath" value="" />
												<span class="input-group-btn">
													<button style="" class="btn btn-default" id="menuBtn" type="button" onclick="GzPathSet.showMenu">
														选择</button>
													<button style="" class="btn btn-default" id="menuBtn" type="button" onclick="GzPathSet.updateGzPath">
														确认</button>
												</span>
											</div>
										</div>
									</div>


								</form>

								<div id="menuContent" class="menuContent" style="display: none;
									position: absolute;">
									<div class="row">
										<div class="col-sm-8" style="padding-right: 0px">
											<ul id="treeDemo" class="ztree" style="margin-top: 0;
												width: 100%;
												height: 300px;"></ul>
										</div>
										<div class="col-sm-4" style="padding-left: 0px">
											<ul id="fileTree" class="ztree" style="margin-top: 0;
												width: 100%;
												height: 300px;"></ul>
										</div>
									</div>
								</div>


							</div>

						</div>
					</div>
				</div>

			</div>
		</div>

		<script>

				function test() {
					var treeObj = $.fn.zTree.getZTreeObj("tree");
					var nodes = treeObj.transformToArray(treeObj.getNodes());
					swal("Here's a message!")

				}

				$(function () {
					GzPathSet.init

				})


		</script>


	}